@CHARSET "ISO-8859-1";
body {
	background-color: #F3F3F3;
	margin: 0;
}
section.main {
	width: 800px;
	margin: 0 auto;
	display: block;
	background-color: #fff;
	overflow: auto;
	border: 1px solid #9C9C9C;
	border-radius: 5px;
	padding: 0;
}
aside.sidebar {
	float: left;
	width: 200px;
	padding: 10px;	
	
	clear: both;
	/*background: linear-gradient(to right, #DFDFDF, #F9F9F9);*/
}
aside.sidebar > ul {
	padding: 0;
}
aside.sidebar > ul > li {
	list-style: none;
	border: 1px solid #9C9C9C;
	border-radius: 5px;
	text-align: center;
	margin: 5px 0px;
	background: linear-gradient(to right, #E3E3E3, #FFF);
}
aside.sidebar > ul > li:hover {
	border: 1px solid #9C9C9C;
	/*box-shadow: -3px 3px #c3c3c3;*/
}
aside.sidebar > ul > li > a {
	text-decoration: none;
	color: #000;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 20px;
}
aside.sidebar > ul > li > ul {
	padding: 2px;	
	/*background: linear-gradient(to right, #E3E3E3, #FFF);*/
}
aside.sidebar > ul > li > ul > li {
	list-style: none;
	border-top: 1px solid #9C9C9C;
	text-align: center;
	background-color: #F8F8F8;
}
aside.sidebar > ul > li > ul > li:hover, aside.sidebar > ul > li > ul > li.active {
	background-color: #FFF;
}
aside.sidebar > ul > li > ul > li > a {
	text-decoration: none;
	color: #000;
	display: block;
	width: 100%;
}
section.content {
	float: left;
	width: 568px;
	padding: 5px;
	min-height: 400px;
	border-radius: 5px;
	border: 1px solid #9C9C9C;	
}